@import '../_config.scss';

.best_goods{
    .list{
        display: flex;
        flex-flow: row nowrap;

        .item{
            position: relative;
            width: 20%;

            .tuijian{
                position: absolute;
                top: 0;
                left: 0;
                z-index: 10;
                display: none;
            }

            .item-img{
                width: 100%;
                height: 210px;
                cursor: pointer;
                &:hover{
                    opacity: 0.85;
                }
            }

            &:not(:last-child){
                padding-right: 1.25%;
            }

            .item-info{
                padding: 20px 10px;
                background-color: $color-new-bg;

                h1{
                    margin: 0;
                    margin-bottom: 10px;
                    font-size: 15px;

                }

                p{
                    margin: 0;
                                    font-size: 14px;
                color: #666666;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                min-height: 40px;
                cursor: pointer;

                                    &:hover{
                        color: $color-private;
                    }
                }
            }
        }
    }
}
